@import url('./base.less');
@import url('./element.less');
// #app {
//   max-width: 1280px;
//   margin: 0 auto;
//   padding: 2rem;

//   font-weight: normal;
// }

// section {
//   margin: 0 auto;
//   padding-top: 1rem;
//   padding-bottom: 2rem;
//   padding-left: 1rem;
//   padding-right: 1rem;

//   // max-width: 1250px;
//   // width: 1250px;
//   font-weight: normal;
// }

a {
  &.green {
    text-decoration: none;
    // color: whitesmoke;
    color: black;
    transition: 0.4s;

    &:hover {
      background-color: whitesmoke;
      color: #1890ff;
      text-decoration: underline;
    }
  }
}

.pop_title{
  font-family: '钉钉进步体';
  width: 70px;
  // 靠右
  text-align: right;
}

.pop_div{
  // margin: 5px 0px;
  height: 35px;
  display: flex;
  align-items: center;
}

.my-div-icon{
  font-family: '钉钉进步体';
}
//时间轴样式
// .stepTitle {
//   .ant-steps-item-title {
//     color: whitesmoke !important;
//   }
// }

// .stepTitleActive {
//   .ant-steps-item-title {
//     // color: #1890ff !important;
//     color: whitesmoke !important;
//   }
// }

// .ant-steps-icon-dot {
//   background-color: rgb(209, 206, 206) !important;
// }

// @font-face {
//   font-family: "钉钉进步体";
//   font-weight: 400;
//   src: url("./font/l4ZtRKOicN6R.woff") format("woff"),
//     url("./font/l4ZtRKOicN6R.woff2") format("woff2");
//   font-display: swap; //解决字体闪烁问题
// }

/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: "钉钉进步体";
  src: url(./font/DingTalk_JinBuTi_Regular.ttf) format("truetype");
}

@font-face {
  font-family: "阿里巴巴普惠体 2.0 35 Thin";
  font-weight: 250;
  src: url("./font/n0dFqy5aYWvo.woff2") format("woff2"),
    url("./font//n0dFqy5aYWvo.woff") format("woff");
  font-display: swap;
}

// 得意黑体
@font-face {
  font-family: "得意黑体";
  font-weight: 400;
  src: url("./font/deyiheiti.ttf") format("truetype");
}

@font-face {
  font-family: "阿里妈妈方圆";
  src: url('./font/AlimamaFangYuanTiVF-Thin.ttf') format('truetype');
}

@font-face {
  font-family: "阿里妈妈东方大楷";
  font-weight: 700;
  src: url("./font/kRY7SKtuCuMK.woff") format("woff"),
    url("./font//kRY7SKtuCuMK.woff2") format("woff2");
  font-display: swap;
}

.ant-steps-item-active {
  .ant-steps-icon-dot {
    background-color: #1890ff !important;
  }
}

.ant-steps-item-finish {
  .ant-steps-icon-dot {
    background-color: #1890ff !important;
  }
}

// fade样式
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.25s ease;
}

.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}

// fade_start,只有出现，瞬间消失
.fade_start-enter-active {
  transition: opacity 0.6s ease;
}

.fade_start-enter-from {
  opacity: 0;
}

// expand样式，宽度从0到100%
.expand-enter-active {
  transition: all 0.3s ease;
}

.expand-enter-from {
  width: 0px;
  // transform: translateX(20px);
  opacity: 0;
}

// fold
// .fold-enter-active .fold-leave-active {
//   transition: all 5s ease;
// }

// .fold-enter-from .fold-leave-to {
//   width: 10px;
// }

.fade1-leave-active {
  transition: width 0.6s ease;
}

.fade1-enter-active {
  transition: all 0.6s ease;
}

.fade1-leave-to,
.fade1-enter-from {
  opacity: 0;
  width: 0px;
}



// 导航菜单样式
.ant-menu {
  background-color: var(--nv-bg-color) !important;
  border: none !important;
  font-size: 20px !important;

  span {
    font-weight: 600 !important;
  }
}

button {
  &.btn_circle {
    border-radius: 8px;
    border: 1px solid transparent;
    padding: 0.5em 1em;
    font-size: 16px;
    font-family: inherit;
    cursor: pointer;
    transition: all 0.25s;

    &:hover {
      background-color: #1986EC;
    }

    // 点击之后的样式
    &:focus,
    &:focus-visible {
      background-color: #1986EC;
    }

  }
}

// element-ui  menu

// .el-sub-menu__title {
//   font-size: 16px !important;
//   color: #213547 !important;

//   span {
//     font-weight: 600 !important;
//   }
// }


// 全局通用卡片
.card_hook {
  // border-radius: 12px;
  border-radius: 7px;
  transition: all ease 0.3s;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
  border: 1px solid rgba(235, 235, 235, .38);
  // border: 1px solid #f1f2f3;
  // background-color: #ffffff;
  background-color: var(--el-color-Background-Base);
}


// 全局样式
// html {
//   color: var(--el-color-text-primary) !important;
// }

// 表格字体
.el-table {
  .cell {
    font-size: 16px;
  }

  .el-table__body-wrapper {
    color: var(--el-color-text-primary);
  }
}


.title_sub {
  font-size: 20px;
  font-family: "得意黑体", sans-serif;
  color: var(--el-color-primary);
  display: flex;
  justify-content: center;
}

// 温州图标文字
.wz-label {
  font-size: 20px;
  font-family: "得意黑体", sans-serif;
  color: var(--el-color-primary);
  display: flex;
  justify-content: center;
}

.marker-label {
  width: 40px;
}

.fubiao_label {
  .marker-label {
    width: 60px !important;
  }
}

.hx_label {
  width: 120px;
  transform: rotate(53deg);
  color: #8b572a;
}

.hx_label1 {
  width: 130px;
  transform: rotate(40deg);
  color: #E6A23C;
}

.hx_label2 {
  width: 50px;
}

// let allColor = ['#B8E986', '#50E3C2', '#00BFFF']
.hy_label {
  width: 90px;
  transform: rotate(50deg);
  color: #40750b;

}

.hy_label1 {
  width: 90px;
  transform: rotate(40deg);
  color: #086381;
}

.hy_label2 {
  width: 90px;
  color: #0d866c;
  // 字体阴影

}

.hx_label3 {
  width: 80px;
}

.hx_label4 {
  width: 30px;
}

.value_label {
  width: 50px;
  font-size: 14px;
  color: #000;
}

.el-popper.is-customized {
  /* Set padding to ensure the height is 32px */
  padding: 6px 12px;
  background: linear-gradient(90deg, rgb(159, 229, 151), rgb(204, 229, 129));
}

.el-popper.is-customized .el-popper__arrow::before {
  background: linear-gradient(45deg, #b2e68d, #bce689);
  right: 0;
}